<!DOCTYPE html>
<html lang="en">
<head>
<base href="<?php echo XXF_HTTP?>" />
    <meta charset="utf-8">
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="description" content="kygcxx">
    <meta name="author" content="xxf">
    <title>重庆煤矿安全培训考试中心考核系统</title>
    <link href="sb2/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="sb2/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
html,body {
	height: 100%;
	background-color:rgb(102,153,255);
}
.box {
	margin: 0 auto;
	position: relative;
	max-width:500px;
	height: 100%;
}
.login-box {
	margin: 0 auto;	
	width: 100%;
	height: 400px;
	position: absolute;
	top: 50%;

	margin-top: -200px;
	/*设置负值，为要定位子盒子的一半高度*/
	
}
@media screen and (min-width:500px){
	.login-box {
		left: 50%;
		/*设置负值，为要定位子盒子的一半宽度*/
		margin-left: -250px;
	}
}	

.form {
	width: 100%;
	max-width:500px;
	height: 275px;
	margin: 25px auto 0px auto;
	padding-top: 25px;
}	
.login-content {
	height: 300px;
	width: 100%;
	max-width:500px;
	background-color: rgb(194,211,255);
	float: left;
}		
	
	
.input-group {
	margin: 0px 0px 30px 0px !important;
}
.form-control,
.input-group {
	height: 40px;
}

.form-group {
	margin-bottom: 0px !important;
}
.login-title {
	padding: 20px 10px;
	background-color: rgb(41,61,102);
	background:url(img/logow.png);
}
.login-title h1 {
	margin-top: 10px !important;
}
.login-title small {
	color: #fff;
}

.link p {
	line-height: 20px;
	margin-top: 30px;
}
.btn-sm {
	padding: 8px 24px !important;
	font-size: 16px !important;
}
</style>

</head>

<body>
<div class="box">
		<div class="login-box">
			<div class="login-title text-center">
				<h1><small>&nbsp;</small></h1>
			</div>
			<div class="login-content ">
			<div class="form">
				<div class="form-group">
					<div class="col-xs-12  ">
					<span id="errorinfo" style="color: red;"></span>
						<div class="input-group">
							<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
							<input type="text" id="idcard" class="form-control" placeholder="请输入身份证号" required >
						</div>
					</div>
				</div>
				<div class="form-group form-actions">
					<div class="col-xs-4 col-xs-offset-4 ">
						<button class="btn btn-sm btn-info" onclick="login()"><span class="glyphicon glyphicon-off"></span> 登录</button>
					</div>
				</div>
				<div class="form-group">
					<div class="col-xs-12 link " style="text-align: right;padding-top:100px;color:#999;">
						<small><a href="pxexam/type/practicelogin">模拟练习</a></small>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<script src=js/jquery.js></script>
    <script src=js/bootstrap.min.js></script>
    <script src="js/jquery.xxfset.js?r=<?php echo rand()?>"></script>
    <script src=js/jquery.cookie.js></script>
    <script type="text/javascript">
    	(function verzijian(){
			if(typeof localStorage==='undefined'){
				$.xalert("注意，浏览器不支持，请更换浏览器！！！",function(){
					verzijian();
				});
			}
        })();
		function login(){
			$idcard=$("#idcard").val();
			if($idcard.length==0){
				$("#errorinfo").html("信息不能为空,请重新输入!");
			}else if($idcard.length!=18){
				$("#errorinfo").html("输入的身份证号码错误,请重新输入!");
			}else{
				$.xpost("pxexam",{type:"login",idcard:$idcard},function(data){
					if(data!=1){
						$.xloading(0);
						$("#errorinfo").html(data);
					}else{
						location.href="pxexam/type/exam";
					}
				});
			}
		}
    </script>
</body>

</html>